/*
	首页展示图片处的图片样式
*/

/*---------图片效果----------*/
.hovereffect * {box-sizing: content-box;}

.hovereffect {
	width: 260px;

	height: 210px;

	margin-right: 23px;

	float: left;

	overflow: hidden;

	position: relative;

	text-align: center;

	cursor: default;

	background: #3a4147;

	border-radius: 3px;
}

.hovereffect:last-child {margin-right: 0;}

.hovereffect .overlay {
	width: 225px;

	height: 100px;

	letter-spacing: 2.5px;

	position: absolute;

	overflow: hidden;

	top: 0;

	left: 0;

	padding: 50px 20px;
}

.hovereffect img {
	display: block;

	position: relative;

	max-width: none;

	width: calc(100% + 20px);

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-10px,0,0);

	transform: translate3d(-10px,0,0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;
}

.hovereffect:hover img {
	opacity: 0.4;

	filter: alpha(opacity=40);

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);
}

.hovereffect h2 {
	text-transform: uppercase;

	color: #fff;


	font-weight: bold;

	text-align: center;

	position: relative;

	font-size: 17px;

	overflow: hidden;

	padding: 0.5em 0;

	background-color: transparent;
}

.hovereffect h2:after {
	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	background: #fff;


	content: '';

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(-100%,0,0);

	transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
	color: #FFF;

	opacity: 0;

	filter: alpha(opacity=0);

	position: absolute;

	right: 0;

	word-break: keep-all;
}

.hovereffect:hover a, .hovereffect:hover p {
	opacity: 1;

	filter: alpha(opacity=100);

	right: 37%;

	-webkit-transition: all .35s ease-in;

	transition: all .35s ease-out;
}

.hovereffect:hover a:hover {
	color: #abddff;
}

/* - - - - - 展示图片总长度及居中 - - - - - */
.showPhoto {
	width: 1167px;

	margin: auto;
}

.photoTitle h3{
	text-align: center;

	color: #999;

	margin-bottom: 55px;
}
.photoTitle h3 a{
	color: white;
	
	padding: 15px;
	
	border-radius: 3px;

	cursor: default;
	
	background-color: #4fa0d8;
}


.Work h3 a:before,
.Work h3 a:after {
	content: url("../img/Homepage/Works/work.png");
}

.Student h3 a:before,
.Student h3 a:after {
	content: url("../img/Homepage/Student/stu.png");
}

.photoMore {		/*图片右侧的查看更多*/
	width: 33px;
	
	height: 210px;
	
	background-color: #4fa0d8;
	
	text-align: center;
	
	float: left;
	
	word-wrap: break-word;
	
	border-radius: 3px;
}

.photoMore h4 {
	margin: 10px;
	
	margin-top: 65px;
	
	color: white;
}